<template>
    <van-tabbar v-model="active" active-color="#ee0a24" inactive-color="#333" route :placeholder="true" v-if="!$route.meta.hideNav">
        <!-- <van-tabbar-item icon="iconfont icon-dianyingyuan">电影/影院</van-tabbar-item> -->
        <van-tabbar-item to="/movie">
            <van-icon class="iconfont" class-prefix='icon' slot="icon" slot-scope="props" :name='props.active ? icon.dianyingyuan_active:icon.dianyingyuan_normal' size="1.5rem"></van-icon>
            <span>电影/影院</span>
        </van-tabbar-item>
        <van-tabbar-item to="/video">
            <van-icon class="iconfont" class-prefix='icon' slot="icon" slot-scope="props" :name='props.active ? icon.shipin1_active:icon.shipin1_normal' size="1.5rem"></van-icon>
            <span>视频</span>
        </van-tabbar-item>
        <van-tabbar-item to="/smallvideo">
            <van-icon class="iconfont" class-prefix='icon' slot="icon" slot-scope="props" :name='props.active ? icon.shipin_active:icon.shipin_normal' size="1.5rem"></van-icon>
            <span>小视频</span>
        </van-tabbar-item>
        <!-- <van-tabbar-item to="/show">
            <van-icon class="iconfont" class-prefix='icon' slot="icon" slot-scope="props" :name='props.active ? icon.yanchu_active:icon.yanchu_normal' size="1.5rem"></van-icon>
            <span>演出</span>
        </van-tabbar-item> -->
        <van-tabbar-item to="/my">
            <van-icon class="iconfont" class-prefix='icon' slot="icon" slot-scope="props" :name='props.active ? icon.wode_active:icon.wode_normal' size="1.5rem"></van-icon>
            <span>我的</span>
        </van-tabbar-item>
        <!-- <van-tabbar-item icon="search">视频</van-tabbar-item>
        <van-tabbar-item icon="friends-o">小视频</van-tabbar-item>
        <van-tabbar-item icon="setting-o">演出</van-tabbar-item>
        <van-tabbar-item icon="setting-o">我的</van-tabbar-item> -->
    </van-tabbar>
</template>

<script>
export default {
    data() {
        return {
            active: 0,
            icon: {
                dianyingyuan_active: 'dianyingyuan',
                dianyingyuan_normal: 'dianyingyuan',
                shipin1_active: 'shipin1',
                shipin1_normal: 'shipin1',
                shipin_active: 'shipin',
                shipin_normal: 'shipin',
                yanchu_active: 'yanchu',
                yanchu_normal: 'yanchu',
                wode_active: 'wode',
                wode_normal: 'wode',
            },
        };
    },
}
</script>